<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        设置链接的下划线
    </title>
    <style type="text/css">
        .a1 {
            text-decoration: none;
            border-bottom: 5px dotted red;
        }
        
        .a2 {
            text-decoration: none;
            padding-bottom: 15px;
            background: url(../img5/line2.png) bottom repeat-x;
        }
        
        .a3 {
            text-decoration: none;
            border-bottom: 2px dashed;
        }
    </style>
</head>

<body>
    <h1>下划线走起</h1>
    <a href="同一页面的链接.html" target="_blank" class="a1">
          走，去看散文
    </a>
    <hr>
    <a href="同一页面的链接.html" target="_blank" class="a2">
            走，去看散文
    </a>
    <p></p>
    <a href="同一页面的链接.html" target="_blank" class="a3">
        走，去看散文
  </a>
</body>

</html>